<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="{{ asset('js/jquery-1.8.3.min.js') }}" type="text/javascript"></script>
<link rel="stylesheet" href="{{URL::asset('./css/register.css')}}">
<link rel="stylesheet" href="{{URL::asset('./css/reset.css')}}">
<!-- <a><img src="{{URL::asset('./img/index/floor_tel.png')}}" alt=""><span> -->
<meta name="_token" content="{{csrf_token()}}">
<style type="text/css">
        [v-cloak] {
            display: none !important;
        }
        .login_box{
        display:flex;
        align-items:center;
    }
    .span{
        height: 50px;
        line-height: 20px;
        font-size: 16px;
        color: #000;
        border-left: 1px solid #e9e9e9;
        display: inline-block;
        margin-left: 15px;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .login_b {
      width:1200px;
      margin:0 auto;
      padding-top:100px;
      padding-bottom:160px;
    }
    .login_cont {
      margin-left:80px;
      display:flex;
    }
    .left_top {
      display:flex;
      align-items:center;
      font-size:26px; 
      color:rgba(34,34,34,1);
    }
    .img {
      width:60px;
      height:60px;
    }
    .text {
      margin-left: 15px;
    }
    .user_name {
      margin-top:30px;
      font-size:16px;
      color:rgba(34,34,34,1);
      margin-left:75px;
    }
    .img_box {
      display:flex;
      margin-top:70px;
      margin-left:75px;
    }
    .i_box {
      margin-right:30px;
      cursor: pointer;
    }
    .img1_box {
      display: flex;
      align-items: center;
      justify-content: center;
      width:64px;
      height:64px;
      background:rgba(120,194,249,1);
      border-radius:50%;
    }
    .img1_box1 {
      background:rgba(251,84,129,1);
    }
    .img1_box2 {
      background:rgba(241,126,233,1);
    }
    .img1 {
      width:33px;
    }
    .text1 {
      font-size:16px;
      color:rgba(34,34,34,1);
      margin-top:5px;
    }
    .login_right {
      margin-left:260px;
      text-align:center;
      margin-top:15px;
    }
    .code {
      width:174px;
      height:174px;
    }
    .text3 {
      font-size:21px;
      color:rgba(34,34,34,1);
      margin-top: 14px;
      margin-left:4px;
    }
    </style>
<div id="login" v-cloak>
    <div class="login_header">
        <div class="login_headerDiv">
            <div class="login_box">
                <a href="{{route('home.index.index') }}">
                    <img :src="overall.site_logo">
                </a>
                <span class='span'>
                    新用户
                    <br>
                    注册
                </span>
            </div>
            <div class="login_headerTel">
                <span class="login_headerTel_tel">@{{overall.customer_mobile}}</span>
                <span class="login_headerTel_time">
                    服务时间：周一至周五9:00 - 18:00
                </span>
            </div>
        </div>
    </div>
    <div class="login_b">
      <div class="login_cont">
        <div class="login_left">
          <div class="left_top">
            <img class="img" src="{{URL::asset('./img/login/scss.png')}}">
            <p class="text">恭喜您，注册会员成功！</p>
          </div>
          <p class="user_name">用 户 名：@{{phone}}</p>
          <p class="user_name">注册时间：@{{time}}</p>
          <!-- <p class="user_name" style="font-weight:bold;">请及时完善信息后创建店铺</p> -->
          <div class="img_box">
            <div class="i_box" @click="goMessage">
              <div class="img1_box">
                <img class="img1" src="{{URL::asset('./img/login/img1.png')}}"> 
              </div>
              <p class="text1">发布需求</p>
            </div>
            <div class="i_box i_box2" @click="returnHome">
              <div class="img1_box img1_box2">
                <img class="img1" src="{{URL::asset('./img/login/img3.png')}}">
              </div>
              <p class="text1">返回首页</p>
            </div>
          </div>
        </div>
        <div class="login_right">
          <img class="code" src="{{URL::asset('./img/login/code1.jpg')}}">
          <p class="text3">扫一扫关注公众号</p>
        </div>
    </div>
    </div>
    <div class="login_footer">
    <div class="login_footer_first">
            <a href="{{route('home.index.index') }}">
                首页 
            </a>
            <span>|</span>
            <a href="{{route('home.store.storeList') }}">
                供应商
            </a>
            <span>|</span>
            <a href="{{route('home.activity.actCate') }}">
                活动/会议/培训
            </a>
            <span>|</span>
            <a href="{{route('home.goods.goodsCate') }}">
                商品
            </a>
            <span>|</span>
            <a href="{{route('home.word.wordCate') }}">
                文档下载
            </a>
            <span>|</span>
            <a href="{{route('home.demand.demandList') }}">
                需求市场
            </a>
            <span>|</span>
            <a href="{{route('home.news.news') }}">
                新闻资讯
            </a>
        </div>
        <div class="login_footer_two">
            <a>
                <img src="{{URL::asset('./img/1.png')}}">
            </a>
            <a>
                <img src="{{URL::asset('./img/2.png')}}">
            </a>
            <!-- <a>
                <img src="{{URL::asset('./img/3.png')}}">
            </a> -->
            <a>
                <img src="{{URL::asset('./img/4.png')}}">
            </a>
            <a>
                <img src="{{URL::asset('./img/5.png')}}">
            </a>
            <!-- <a>
                <img src="{{URL::asset('./img/6.png')}}">
            </a> -->
        </div>
        <div class="login_footer_three">
            <a href="http://www.miit.gov.cn/" target="_blank">Copyright  2019-2022 www.hrqidian.com 重庆启群大数据科技有限公司版权所有 备案：渝ICP备19010042号-1</a>
        </div>
    </div>
</div>

<script src="{{ asset('js/vue.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/element.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/moment.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/public.js') }}" type="text/javascript"></script>
<script>
    $(() => {
        let app = new Vue({
            el: '#login',
            data() {
                return {
                    overall: "",
                    phone: "",
                    time: '',
                    id:''
                }
            },
            created() {
                window.$message = (res) => {
                    this.$message({
                        message: res,
                        type: 'error'
                    });
                }
                $.get("{{ route('home.public.config') }}", (res) => {
                    sessionStorage.setItem("overall", JSON.stringify(res.data))
                    this.overall = res.data
                });
                this.phone = JSON.parse(sessionStorage.getItem("HRuserDetails")).mobile
                this.time = JSON.parse(sessionStorage.getItem("HRuserDetails")).created_at
                this.id = JSON.parse(sessionStorage.getItem("HRuserDetails")).id
            },
            methods: {
              returnHome(){
                window.location.href = "{{ route('home.index.index') }}";
              },
              goMessage(){
                window.location.href = "{{ route('home.demand.demandAdd') }}";
              }
            },

        })
    })
</script>